<div id="content">
<div class="col12">

	<a href="#form_produto" class="button fancybox"><i class="icon-plus verde"></i>Novo Produto</a>
	
	<table id="produto" class="dataTable">
		<thead>
			<tr>
				<th><i class="icon-th-large"></i>Produto</th>
				<th><i class="icon-th-large"></i>Descrição</th>
				<th><i class="icon-th-large"></i>Categoria</th>
				<th><i class="icon-th-large"></i>Valor unitário</th>
				<th><i class="icon-th-large"></i>Status</th>
				<th><i class="icon-edit"></i>Editar</th>
				<th><i class="icon-trash"></i>Deletar</th>
			</tr>
		</thead>
	</table>
</div>
</div>
		

<!---------------------------CRIAR---------------------------->

<div id="form_produto" class="col12" style="display: none;">	
	<form id="criar_produto" action="produtos/criar" method="post" enctype="multipart/form-data" data-validate="parsley">
		<header><h2><i class="icon-th-large"></i>Criar Novo Produto</h2></header>
	  
	    <div>
	   		<label  for="nome">Nome:</label>
	    	<div><i class="icon-th-large"></i><input id="nome" placeholder="Nome do Produto" name="nome" class="placeholder" data-required="true" type="text"></div>
	    </div>
	    <div>
	   		<label  for="desc">Descrição:</label>
	    	<div><i class="icon-th-large"></i><input id="desc" placeholder="Descrição do Produto" name="desc" class="placeholder" data-required="true" type="text"></div>
	    </div>
	    <div>
	   		<label  for="categoria">Categoria:</label>
	    	<div><i class="icon-th-large"></i>
	    		<select id="categoria" data-required="true"  name="categoria">
	    		
	    		<?php
	    		$sqlCategorias = "
	    		select nome_categoria, id_categoria
	    		from  tb_categoria";
		
	    				$oResultado = $this->db->query($sqlCategorias);
	    				$row = $oResultado->result_array();
	    				$qtd = $oResultado -> num_rows();
	    				
	    		for($i = 0; $i < $qtd; $i++){
	    				echo '<option value=' . $row[$i]['id_categoria']. '>' . $row[$i]['nome_categoria']. '</option>';
 
	    				}
	    		?>
	    		</select>
	    	</div>
	    </div>
	    <div>
	   		<label  for="valor">Valor:</label>
	    	<div><i class="icon-th-large"></i><input id="valor" placeholder="Valor unitário do produto." name="valor" class="placeholder" data-required="true" type="text"></div>
	    </div>
	    <div>
	   		<label  for="status">Status:</label><i class="icon-th-large"></i>
	    	   		<select id="status" name="status">
	    			<option value="ativo">ativo</option>
	    			<option value="inativo">inativo</option>
	    		</select>
	    		
	    </div>
	    <div>
	   		<label  for="valor">Imagem:</label>
	    	<div><i class="icon-th-large"></i><input id="imagem" placeholder="" name="imagem" class="placeholder" data-required="true" type="file"></div>
	    </div>
	    
		<div>
			<button id="submit" class="submit" type="submit"><i class='icon-save-floppy'></i>Salvar</button>
	    </div>	
	</form>
</div>

<!---------------------------EDITAR---------------------------->

<div id="form_produto_editar" class="col12" style="display: none;">	
	<form id="editar_produto" action="produtos/atualizar" method="post" enctype="multipart/form-data"  data-validate="parsley">
		<header><h2><i class="icon-th-large"></i>Editar produto</h2></header>
		  
	    <div>
	   		<label  for="editar_nome">Nome:</label>
	    	<div><i class="icon-th-large"></i><input id="editar_nome" placeholder="Nome do Produto" name="editar_nome" class="placeholder" data-required="true" type="text"></div>
	    </div>
	    <div>
	   		<label  for="editar_desc">Descrição:</label>
	    	<div><i class="icon-th-large"></i><input id="editar_desc" placeholder="Descrição do Produto" name="editar_desc" class="placeholder" data-required="true" type="text"></div>
	    </div>
	    <div>
	   		<label  for="editar_categoria">Categoria:</label>
	    	<div><i class="icon-groups-friends"></i>
	    		<select id="editar_categoria" name="editar_categoria">
	    			<?php
			    		$sqlCategorias = "
			    		select nome_categoria, id_categoria
			    		from  tb_categoria";
				
			    				$oResultado = $this->db->query($sqlCategorias);
			    				$row = $oResultado->result_array();
			    				$qtd = $oResultado -> num_rows();
			    				
			    		for($i = 0; $i < $qtd; $i++){
							if ($row[$i]['id_categoria'] == $id_ct){
			    					echo '<option value=' . $row[$i]['id_categoria']. ' selected >' . $row[$i]['nome_categoria']. '</option>';
			    				}else {
									echo '<option value=' . $row[$i]['id_categoria']. '>' . $row[$i]['nome_categoria']. '</option>';
								}
		 
			    				}
		    		?>
	    		</select>
	    	</div>
	    </div>
	    <div>
	   		<label  for="editar_valor">Valor:</label>
	    	<div><i class="icon-th-large"></i><input id="editar_valor" placeholder="Valor unitário do produto." name="editar_valor" class="placeholder" data-required="true" type="text"></div>
	    </div>
	    <div>
	   		<label  for="editar_status">Status:</label><div><i class="icon-th-large"></i>
	    	   	<select id="editar_status" name="editar_status">
	    	   		<option>ativo</option>
	    	   		<option>inativo</option>
	   			</select></div>
	   </div>
	    
	    <div>
	    	<label  for="editar_id_produto" >Imagem atual:</label>
	    	<div id="editar_img" class="ver_imagem">
	    	 </div>
		</div>
		<div>	
	    	
	   		<label  for="valor">Imagem:</label>
	    	<div><i class="icon-th-large"></i><input id="imagem" placeholder="" name="imagem" class="placeholder" data-required="true" type="file"></div>
	    	
	    </div>
		<div>
			<input type="hidden" id="editar_id_produto" name="editar_id_produto" />
			<button id="editar_submit" class="submit" type="submit"><i class='icon-save-floppy'></i>Salvar</button>
	    </div>
	</form>
</div>